<template>
  <div class="wrapper">
        <div class="container ">
            <div class="flexc">
                <div class="info-title-2">Onlogy全球合作伙伴招募</div>
                <div class="imgwaper">
                   <img :src="imageurl" alt="" srcset="">
                </div>
                <div>
                    <button class="jionbutton">扫一扫，报名加入</button>
                </div>
            </div>
        </div>
  </div>
</template>

<script>
import {loadQRImgApi} from "~/assets/js/api";
export default {
  components: {},
  props: {
    propE: {
        type: Object,
        default: function () {
            return {message:'hello'}
        }
    }
},
  data() {
    return {
        imageurl:'https://res.wx.qq.com/wxdoc/dist/assets/img/demo.ef5c5bef.jpg'
    };
  },
  watch: {},
  computed: {},
  methods: {
    handleloadQRImg(data) {
            this.loading = true
            loadQRImgApi({pageNo:1,billno:'MPQR-IMG',pageSize:10}).then((res) => {
               const data=res.data
               if(data.rows&&data.rows[0]){
                this.imageurl=data.rows[0].imageurl
               }
            }).catch((err) => {
                const suberr=err.subCode?'overseas.subCode.'+err.subCode:'overseas.subCode.500-1'
                this.$message.error(this.$t(suberr));
                this.loading = false;
            })
        },
  },
  created() {},
  mounted() {
    this.handleloadQRImg()
  }
};
</script>
<style lang="less" scoped>
.wrapper{
    min-height: 500px;
    background-color: rgb(247, 247, 247);
    font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "Arial";
}
.container {
    margin: 0 auto;
    width: 1280px !important;
    position: relative;
    min-height: 750px;
}
.imgwaper{
    height: 366px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 280PX;
    img{
        height: 280px;
        width: 280px;
    }
}
.flexc{
    height: 660px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.jionbutton{
    border: none;
    background-color: #eb3d00;
    width: 300px;
    color: #fff;
    padding: 10px;
}
.info-title-2 {font-size:22px;font-weight: bold; line-height: 1.8; padding:0px; margin-bottom: 10px; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp:1;    overflow: hidden; }
</style>
